<template>
  <div class="side-menu">
    <a-layout-sider width="200" style="background: #fff">
      <a-menu
        mode="inline"
        :default-selected-keys="['1']"
        :style="{ borderRight: 0 }"
      >
        <a-menu-item key="welcome">
          <router-link to="/welcome">
            <a-icon type="menu" />
            欢迎
          </router-link>
        </a-menu-item>
        <a-menu-item key="passenger">
          <router-link to="/passenger">
            <a-icon type="user" />
            我的乘客
          </router-link>
        </a-menu-item>
        <a-menu-item key="dailyTrainTicket">
          <router-link to="/train/ticket">
            <a-icon type="search" />
            车票查询
          </router-link>
        </a-menu-item>
        <a-menu-item key="myTicket">
          <router-link to="/my-ticket">
            <a-icon type="book" />
            我的车票
          </router-link>
        </a-menu-item>
        <!-- <a-sub-menu>
          <span slot="title">
            <router-link to="/welcome">
              <a-icon type="home" />
              option1
            </router-link>
          </span>
          <a-menu-item key="2"> option2 </a-menu-item>
          <a-menu-item key="3"> option3 </a-menu-item>
          <a-menu-item key="4"> option4 </a-menu-item>
        </a-sub-menu> -->
      </a-menu>
    </a-layout-sider>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped lang="less">
.ant-layout-sider {
  height: 100vh;
  overflow-y: auto;
}
</style>
